<html>
<head>
	<title>d3-规律信息图</title>
	<script type="text/javascript" src="../src/js/lib/d3.min.js"></script>
	<script type="text/javascript" src="../dist/app.js"></script>
</head>
<body>
	<div id="chart"></div>
</body>
<script type="text/javascript">

var data = {
	  xData : ['3.13','3.20','3.27','4.3','4.10','4.17','4.24'],
	  yData : ['周一','周二','周三','周四','周五','周六','周日']
	  
};

var element = document.getElementById('chart');
var option = {
	  width : 300,//画布宽度
	  height : 200,//画布高度
	  padding : {//图形与画布之间的距离
		  top : 40,
		  right : 40,
		  bottom : 40,
		  left : 40
	  },
	  rectWidth : 30,
	  rectHeight : 20,
	  rectStep : 32
};
var chart = new RegularChart(element,data,option);

</script>

</html>
